<template>
    <div>
	
		<h1>我是第二遍首页</h1>
	
	<Swiper :time="3000" :gallery="gallery" style="height: 500px;"></Swiper>
	
	<Swiper :time="6000" :gallery="gallery.slice(0,2)" style="height: 500px; margin-top: 80px;"></Swiper>
	<Swiper :time="2500" :gallery="gallery.slice(0,3)" style=" height: 500px;  margin-top: 80px;"></Swiper>
	</div>
</template>

<script>

	import Swiper from '../components/Swiper2.vue'


export default {

	data(){return {
			gallery:[
				"https://1yd.me/images/new/banner1.jpg",
				"https://1yd.me/images/new/banner2.jpg",
				"https://1yd.me/images/new/banner3.jpg",
			    "https://1yd.me/images/new/banner2.jpg",
			 
			]
		}},

	components:{Swiper}
	
}
</script>
<style scoped="scoped">

	h1{
		color: pink;
	}
	
</style>
